<!doctype html>
<html>
<head>
<meta charset="utf-8">
   <!--	 top css-->
	<link href="css/Top.css" rel="stylesheet" type="text/css">
	
	<!-- Document Title -->
    <title>Share</title>

    <!-- 网页图标 -->
    <link rel="shortcut icon" type="image/png" href="./img/logo.png">
	
	<!--=== index css ===-->
	<link href="css/indexpage.css" rel="stylesheet" type="text/css">
	
</head>

<body>
	<div id="box" >
	  <div id="top">
			<div id="logo"><img src="img/indexLogo.png" width="64" height="64" alt=""/></div>
			<div id="text">Share</div>
			<div id="HASS">
				<div><a href="./index.html">Home</a></div>
				<div><a href="./about.html">About</a></div>
				<div><a href="./signin.html">Sign in</a></div>
				<div><a href="./signup.html">Sign up</a></div>
		  	</div>
	  </div>
		
	  <div id = "content"> 
		<!-- 宠物宣传 -->
	  	  <div id="petContent"> 
				<div id="petContent1"> 
					<p style="color:#FF7171;font-family: 'Spectral',serif;font-weight:700;font-size:18px;margin-bottom: 20px;">Share your pet</p>
					<h1 style="margin-bottom: 10px;margin-top: 30px;">分享你的爱宠</h1>
					<p style="margin-bottom: 10px; text-indent:2em; ">Donec dapibus mauris id odio ornare tempus. Duis sit amet accumsan justo, 
					quis tempor ligula. Quisque quis pharetra felis. Ut quis consequat orci, at consequat felis. Suspendisse 
					auctor laoreet placerat. Nam et risus non lacus dignissim lacinia sit amet nec eros. </p>
					<p style="text-decoration:underline; color:  #FF7171; margin-left: 60%; top: 60%;"> <a href="signin.html" target="_self" style="text-decoration: none; color: #FF7171"> Share More <strong>&gt;&gt;</strong></a></p>
				</div>
				<div id="petContent2"> 
					<img src="./img/cat1.jpg" alt="cat" width="100%" height="100%">
				</div>
		  </div>
		 
			<!--  结束宠物宣传 -->
		  
		<!-- 日记宣传 -->
		
		 <div id="bookContent">  
		         <p class="topfont"> life-style </p> 
				 <div id="bookContent1">  
					 <p style="color:#FF7171;font-family: 'Spectral',serif;font-weight:700;font-size:18px;margin-bottom: 20px;">Share your Life --</p> 
					 <h1 style="margin-bottom: 10px;">分享每日生活</h1> 
					 <p style="margin-bottom: 10px; text-indent:2em;"> Donec dapibus mauris id odio ornare tempus. Duis sit amet accumsan justo,  
					 quis tempor ligula. Quisque quis pharetra felis. Ut quis consequat orci, at consequat felis. Suspendisse  
					 auctor laoreet placerat. Nam et risus non lacus dignissim lacinia sit amet nec eros. </p>
					 <p style="text-decoration: underline; display: block; margin-left: 80%;margin-bottom: 2%"><a href="signin.html" target="_self" style="text-decoration: none; color: #FF7171"> Share More <strong>&gt;&gt;</strong></a></p>
				 </div> 
				 <div id="bookContent2">  
					 <img class="d-block w-100" src="./img/trip.jpg" alt="Second slide" width="100%" height="100%" style="height: auto;"> 
				 </div> 
		   </div> 
		
		  <!-- 结束日记宣传 -->
		  
	  	<!-- 厨艺宣传 -->
		  
	    <div id="cookContent">
		  <p class="topfont"> cook-style </p> 
				<div id="bookContent1">  
					 <p style="color:#FF7171;font-family: 'Spectral',serif;font-weight:700;font-size:18px;margin-bottom: 20px;">Share your food --</p> 
					 <h1 style="margin-bottom: 10px;">分享日常食物</h1> 
					 <p style="margin-bottom: 10px;text-indent:2em;"> Donec dapibus mauris id odio ornare tempus. Duis sit amet accumsan justo,  
					 quis tempor ligula. Quisque quis pharetra felis. Ut quis consequat orci, at consequat felis. Suspendisse  
					 auctor laoreet placerat. Nam et risus non lacus dignissim lacinia sit amet nec eros. </p> 
					 <p style="text-decoration: underline; display: block; margin-left: 80%; color: #FF7171"> <a href="signin.html" target="_self" style="text-decoration: none; color: #FF7171"> Share More <strong>&gt;&gt;</strong></a></p> 
				 </div> 
			<div class="foodpic">
					 <div class="foodItem"><img src="img/food1.jpg" alt="foo1"/> </div>
					 <div class="foodItem"><img src="img/food2.jpg" alt="foo1"/> </div>
					 <div class="foodItem"><img src="img/food3.jpg" alt="foo1"/> </div>
			</div>
			
	    </div>
		  
		  <!-- 结束厨艺宣传 -->
	  
		<!--	分享者 share	  -->
		  
		<div id="sharerContent">
				<p class="topfont"> sharer-style </p> 
				<div id="sharerContent1">  
					 <p style="color:#FF7171;font-family: 'Spectral',serif;font-weight:700;font-size:18px;margin-bottom: 20px;">Sharer --</p> 
					 <h1 style="margin-bottom: 10px;">来自全国各地的分享者</h1> 
					 <p style="margin-bottom: 10px; text-indent:2em;"> Donec dapibus mauris id odio ornare tempus. Duis sit amet accumsan justo,  
					 quis tempor ligula. Quisque quis pharetra felis. Ut quis consequat orci, at consequat felis. Suspendisse  
					 auctor laoreet placerat. Nam et risus non lacus dignissim lacinia sit amet nec eros. </p> 
					 <p style="text-decoration: underline; display: block; margin-left: 80%; color: #FF7171"> <a href="signin.html" target="_self" style="text-decoration: none; color: #FF7171"> Share More <strong>&gt;&gt;</strong></a></p> 
				 </div> 		
       			 <img src="img/share.jpeg" alt="sharer" style="margin-top:20px; width:100%; height: 800px;"/> 
		</div>
		  <!--	结束分享者 share	  -->
		  
		  
			<!--	footer	  -->
		  <footer>
		  	  	<div style="margin: 0.5% 5%;text-align: center;">
				<p style="font-family: 'Playball', cursive;font-size: 50px;color: antiquewhite; margin-top: 40px;">Sharer</p>
				<p style="font-family: 'Playball', cursive;font-size: 30px;color: antiquewhite">Anthor: 郑嘉伟</p>
				<p style="font-family: 'Playball', cursive;font-size: 30px;color: antiquewhite">phnpe: 13015902843</p>
				<p style="font-family: 'Playball', cursive;font-size: 30px;color: antiquewhite">Email: 1048549613@qq.com</p>
				<p style="font-family: 'Playball', cursive;font-size: 30px;color: antiquewhite">StartTime: 2019-6-15</p>	  	  
		</div>
		
		  </footer>
		  
		</div>
	</div>
</body>
</html>
